//- Copyright (c) 2016 Lucky Byte, Inc.
extends layout

append scripts
  script(src="/js/email.js")

block content
  form.ui.form.attached.segment.main(
    action="/email/edit" method="post" autocomplete="off")
    input(type="hidden")

    h4.ui.dividing.header
      i.caret.down.icon.link.grey.accordion
      | 发件服务配置

    .fields
      .field.eight.wide.required
        label SMTP服务器地址:
        .ui.input
          input(type="text" name="smtp_host" placeholder="必填"
            value="#{record.smtp_host || ''}")
      .field.two.wide.required
        label SMTP端口:
        .ui.input
          input(type="text" name="smtp_port" placeholder="必填"
            value="#{record.smtp_port || '465'}")
      .field.two.wide.required
        label SSL加密传输:
        select.ui.dropdown.input(name="smtp_ssl")
          if record.smtp_ssl
            option(value="true" selected="selected") 是
            option(value="false") 否
          else
            option(value="true") 是
            option(value="false" selected="selected") 否
      .field.four.wide.required
        label 失败重发次数:
        .ui.input
          input(type="text" name="retry_cnt" placeholder="必填"
            value="#{record.retry_cnt || '3'}")

    .fields
      .field.eight.wide.required
        label 发件邮箱地址:
        .ui.input
          input(type="text" name="smtp_from" placeholder="必填"
            value="#{record.smtp_from || ''}")
      .field.four.wide.required
        label 发件邮箱密码:
          if record.smtp_passwd && record.smtp_passwd.length > 0
            a.linkto#old_password(href="#") 使用原密码
        .ui.input
          //- 添加一个多余的 input 用于避免 Safari 自动填充
          input(type="password" name="fake_smtp_passwd" style="display:none;")
          if record.smtp_passwd && record.smtp_passwd.length > 0
            input(type="password" name="smtp_passwd" placeholder="必填"
              value="it's not a password")
          else
            input(type="password" name="smtp_passwd" placeholder="必填")
      .field.four.wide.required
        label 发件人名称:
        .ui.input
          input(type="text" name="smtp_name" placeholder="必填"
            value="#{record.smtp_name || '支付系统'}")

    h4.ui.dividing.header
      i.caret.down.icon.link.grey.accordion
      | 系统通知收件设置

    .fields
      .field.three.wide.required
        label 是否发送系统通知邮件:
        .ui.dropdown.selection.labeled.search
          input(type="hidden" name="notify_mail" value="#{record.notify_mail || 'false'}")
          i.icon.dropdown
          .default.text 请选择
          .menu
            .item(data-value="true") 是
            .item(data-value="false") 否
      .field.three.wide.required
        label 邮件通知最低级别:
          i.icon.help.blue.link(data-content="也包含高于此级别的消息"
            data-variation="small very wide")
        .ui.dropdown.selection.labeled.search
          input(type="hidden" name="notify_level" value="#{record.notify_level || 2}")
          i.icon.dropdown
          .default.text 请选择
          .menu
            .item(data-value="1") 1. 消 息
            .item(data-value="2") 2. 警 告
            .item(data-value="3") 3. 错 误
            .item(data-value="4") 4. 严 重

    .fields
      .field.sixteen.wide
        label 收件人地址:
          i.icon.help.blue(
            data-html="<p>多个地址以分号（;）分隔，地址之间可以插入换行和空白字符；</p>" +
              "地址可以是简单的 EMail 地址，例如: <br/>" +
              "<li><em><code style='color:darkblue;'>" +
              "x@lucky-byte.com; y@lucky-byte.com" +
              "</code></em></li><p/>" +
              "也可以包含姓名和 EMail 地址，例如：<br/>" +
              "<li><em><code style='color:darkblue;'>" +
              "姓名, x@lucky-byte.com; 姓名2, y@lucky-byte.com" +
              "</code></em></li><br/>" +
              "姓名和地址之间使用逗号（,）分隔。"
            data-variation="small very wide")
        textarea(name="notify_recips" type="text" rows="4"
          placeholder="多个地址以分号(;)分隔")= record.notify_recips || ''

    .ui.buttons(style="margin-top:40px;")
      button.ui.yellow.button#cancel(type="button"
        onclick="window.location = '/'") 取 消
      .or
      if page_perms.edit
        button.ui.green.button#ok(type="submit") 确 定
      else
        button.ui.green.button.disabled#ok(type="submit")
          i.icon.ban(style="margin-top:1px; margin-right:2px;")
          | 确 定
